<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta content="text/html" charset="UTF-8"/>


    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          th:href="@{/webjars/bootstrap/css/bootstrap.css}" rel="stylesheet"/>

</head>

<body>
<div class="col-sm-6 col-sm-offset-3">


    <form class="form-horizontal">
        <div class="form-group">
            <h3 style="text-align: center" th:text="#{login.title}">title</h3>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" th:text="#{login.userName}">userName</label>
            <div class="col-sm-10">
                <input type="text" class="form-control"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" th:text="#{login.password}">password</label>
            <div class="col-sm-10">
                <input type="password" class="form-control"/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default" th:text="#{login.signIn}">sign in</button>
            </div>
        </div>


        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">

                <span ><a th:href="@{/(i18n_language=zh_CN)}">中文</a></span>
                <span ><a th:href="@{/(i18n_language=en_US)}">English</a></span>
            </div>
        </div>
    </form>
</div>

</body>
</html>